.loginTop{
	width: 100%;
	height: 538rpx;
	background-color: #fff;
	z-index: 10;
	.samePar{
		left: 0;
		top: 0rpx;
	}
	.logo{
		width:240rpx;
		height: 240rpx;
		left: 50%;
		margin-left: -120rpx;
		bottom: 90rpx;
	}
}
.loginForm{
	width: 660rpx;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	.loginItem{
		height: 96rpx;
		line-height: 96rpx;
		border-bottom: 1rpx solid #eeeeee;
		.iconView{
			width: 10%;
			height: 100%;
			margin-right: 10rpx;
			text-align: center;
			display: flex;
			.iconfont{
				font-size: 36rpx;
				color: #969696;
			}
		}
		.input{
			width: 88%;
			height: 100%;
			line-height: 96rpx;
			font-size: 30rpx;
			font-weight: bold;
			color: $pss-text-color3;
			&.disBg{
				background: #f1f2f3;
				.disTxt{
					font-weight: normal;
					color: #999;
				}
				.jmTxt{
					color: $pss-text-colora;
				}
			}
			&.accDis{
				color: $pss-text-colora;
			}
		}
		.holderInp{
			font-weight: normal;
			color: $pss-text-colora;
		}
		&.vercodeItem{
			.input{
				width: 56%;
			}
			.getVercode{
				width: 32%;
				height: 100%;
				position: absolute;
				right: 0;
				top: 0;
				text-align: center;
				font-size: $font-size28;
				.getTxt{
					color: $pss-color-red;
				}
				.againTxt{
					color: $pss-text-colora;
				}
				.lineView{
					width: 2rpx;
					height: 40rpx;
					background: #eee;
					position: absolute;
					left: 0;
					top: 32rpx;
				}
			}
		}
	}
	.loginBtn{
		background: $pss-color-primary;
		width: 100%;
		height: 90rpx;
		line-height: 90rpx;
		font-size: 32rpx;
		color: #fff;
		border-radius: 50rpx;
		padding: 0 !important;
		margin-top: 100rpx;
		z-index: 10;
		.icon-weixin1{
			margin-right: 10rpx;
			font-size: 34rpx;
		}
	}
	.loginBtn::after{
		border: none;
	}
}
.loginBot{
	width:750rpx;
	height: 632rpx;
	position: fixed;
	left: 0;
	bottom: 0;
}
.smFun{
	font-size: 26rpx;
	color: $pss-text-colora;
	margin:20rpx 0;
	justify-content: space-between;
}
.agree{
	position: relative;
	z-index: 10;
	margin-top: 50rpx;
	align-items: center;
	justify-content: center;
	.check{
		width: 24rpx;
		height: 24rpx;
		line-height: 24rpx;
		border:1rpx solid #eee;
		border-radius: 6rpx;
		margin-right: 10rpx;
		text-align: center;
		.icon-duihao{
			font-size: $font-size22;
			color: #fff;
			opacity: 0;
		}
		&.active{
			border:1rpx solid $pss-color-primary;
			background: $pss-color-primary;
			.icon-duihao{
				color: #fff;
				opacity: 1;
			}
		}
	}
	.agreeTxt{
		font-size: $font-size24;
		color: $pss-text-colora;
		.detTxt{
			color: $pss-text-color3;
		}
	}
}
.popuoView{
	padding-top: 30rpx;
	background: #fff;
	border-radius: 20rpx 20rpx 0 0;
	.popTit{
		height: 80rpx;
		line-height: 80rpx;
		font-size: 34rpx;
		color:$pss-text-color3;
		font-weight: bold;
		text-align: center;
	}
	.popCon{
		font-size: 30rpx;
		color: $pss-text-color3;
		text-align: center;
		padding: 0 100rpx;
		.specCol{
			color: $pss-color-primary_1;
			margin-left: 10rpx;
		}
	}
	.comBtn{
		width: 500rpx;
		border-radius: 50rpx;
		margin-top: 50rpx;
		font-size: 30rpx;
	}
	.noAgreeTxt{
		text-align: center;
		font-size: 24rpx;
		color: $pss-text-colora;
		margin: 0rpx 0 20rpx 0;
		line-height: 90rpx;
	}
}
